.main {
    position: relative;
    width: 688px;
    height: 315px;
    border-radius: 10px;
    z-index: 1;
    left: 25px;
    top: 30px;
    background-color: #FFF;
    border: 1px solid #CCC;
}

#photo {
    position: absolute;
    left: 34px;
    top: 36px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 2;
}

#nav {
    position: absolute;
    left: 815px;
    top: 33px;
    width: 356px;
    height: 447px;
    z-index: 2;
    background-color: #FFF;
}

#topic_name {
    position: absolute;
    left: 96px;
    top: 45px;
    width: 572px;
    height: 42px;
    z-index: 3;
}

.main .content {
    position: absolute;
    left: 96px;
    top: 92px;
    width: 572px;
    height: 186px;
    word-wrap: break-word;
    /* overflow:hidden;*/
    float: none;
    visibility: inherit;
}

#main #main_bottom {
    height: 0;
    width: 688px;
    margin-top: -1px;
    clear: both;
    overflow: hidden;
    position: relative;
    border: 1px solid #FFF;
    bottom: 1px;
}

#content {
    left: 96px;
    top: 92px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    height: 172px;
    width: 572px;
    overflow: auto;
    position: absolute;
}

.boddyy {
    background-color: #F1F2F3;
}

.boddyy #main #topic_name a {
    text-decoration: none;
}

.boddyy #nav ul {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
}

.boddyy #nav ul li a {
    text-decoration: none;
    float: none;
    font-size: 24px;
    margin: 10px;
}

.boddyy #nav ul li .box {
    font-size: 36px;
    margin: 20px;
    font-weight: bold;
    font-family: "黑体", serif;
}

.boddyy #nav ul li {
    margin: 0px;
    float: left;
    padding: 30px 30px 30px 0;
}

.boddyy #nav ul li .time {
    font-size: 24px;
}

.boddyy ul {
    list-style-type: none;
    position: absolute;
    margin: 1px;
    padding: 1px;
}

.boddyy ul .replays {
    position: relative;
    width: 688px;
    height: 315px;
    border-radius: 10px;
    z-index: 1;
    left: 25px;
    top: 30px;
    background-color: #FFF;
    border: 1px solid #09F;
    margin: 2px;
    padding: 2px;

}

.boddyy ul .replays a {
    text-decoration: none;

}

.replays .content {
    position: absolute;
    left: 96px;
    top: 92px;
    width: 572px;
    height: 186px;
    word-wrap: break-word;
    /* overflow:hidden;*/
    float: none;
    visibility: inherit;
}

body {
    zoom: 1;
    transform-origin: 0px 0px;
/ / 在使用transform方法进行文字或图像的变形时，是以元素的中心点为基准点进行的。使用transform-origin属性，可以改变变形的基准点, 用法：transform-origin: 10 px 10 px;
    transform: scale(0.8, 0.8);
/ / 第一个参数: 指定水平方向的缩放倍率，第二个参数: 指定垂直方向的缩放倍率 overflow: -Scroll;
    overflow-x: hidden
}